Создаем Twitter Cards для сайта
Уже с давних пор, при добавлении ссылки на пост в моем блоге в сообщение твиттера, в приложении сервиса или у них на сайте можно увидеть вот такую карточку статьи:
Называется это Twitter Card
и делается это очень легко с помощью нескольких мета-тегов на странице:
<meta name="twitter:site" content="@mobilaname">
<meta name="twitter:creator" content="@ashorror">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://blog.mobila.name/post/543cf10b11d0c/">
<meta name="twitter:title" content="Украина, Херсонская область">
<meta name="twitter:description" content="Вчера утром поездом выехал в Украину. Первый пункт назначения - Новая Каховка.Поезд примчал меня в Мелитополь. Сюда едут те, кто потом едет на отдых на Азовское море. Население Мелитополя - 150 тысяч человек.">
<meta name="twitter:image" content="http://ic.pics.livejournal.com/larchanka/20861394/31955/original.jpg">
Давайте разберем их все.
twitter:site
- аккаунт сайта в твиттере, включая '@'twitter:creator
- аккаунт автора в твиттере, включая '@'twitter:card
- Тип карточки: summary, photo или video.twitter:url
- Адрес страницы в интернете.twitter:title
- Заголовок статьи.twitter:description
- Описание статьи до 200 символов.twitter:image
- Изображение для карточки.
Когда все эти теги уже вставлены на страницы вашего сайта, самое время подать заявку для вашего домена. Подтверждение заявки – символический процесс и проходит почти сразу. Сделать этом можно на специальной странице.